<template>
  <div class="app"></div>
</template>

<script>
// 1导入mapMutaions mapState
import { mapMutations, mapState } from 'vuex'
export default {
  data () {
    return {}
  },
  // 2在conputed中定义
  computed: {
    ...mapState(['userInfo'])
  },
  created () {
    // 调用vuex中mutations中的方法
    // this.$store.commit('changeuserInfo', 'zjj') // 第一个是方法 第二个是传过去的参数
    // console.log(this.$store.state.userInfo.username)

    // 使用mapMutations方法
    this.changeuserInfo('abc')
    console.log(this.$store.state.userInfo.username)
    // 使用vuex中的数据
    console.log(this.userInfo.username)
  },
  // 2定义方法
  methods: {
    ...mapMutations(['changeuserInfo'])
  }
}
</script>

<style></style>
